<script setup>
import FlashSaleProductList from '@/pages/FlashSale/components/FlashSaleProductList.vue'
import FlashSaleSetting from '@/pages/FlashSale/components/FlashSaleSetting.vue'
</script>

<template>
  <div class="flash-sale">
    <el-collapse expand-icon-position="left">
      <el-collapse-item title="操作提示">
        <div class="tip">*设置好秒杀时间段后，需要选择参与秒杀的商品。</div>
        <div class="tip">*秒杀商品的所有规格都要填写秒杀价，如果移除正在秒杀的规格则表示按规格设定的销售价出售。</div>
      </el-collapse-item>
    </el-collapse>
    <el-tabs type="border-card" style="margin-top: 10px">
      <el-tab-pane label="秒杀商品">
        <FlashSaleProductList></FlashSaleProductList>
      </el-tab-pane>
      <el-tab-pane label="秒杀设置">
        <FlashSaleSetting></FlashSaleSetting>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<style scoped lang="scss">
.flash-sale {
  background-color: #fff;
  padding: 24px;
}
:deep(.el-collapse-item__content) {
  padding: 10px;
}
</style>
